<template>
  <el-image :src="getJob(props.value).iconUrl" class="icon"/>
  <span style="margin-left: 10px">{{ getJob(props.value).name }}</span>
</template>

<script lang="ts" setup>
import {getJob} from "@/data/service/jobService";

const props = defineProps(['value'])

</script>

<style scoped>
.icon{
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
</style>